<template>
	<div>
		<div>会员资料</div>
		<div>
			<el-form ref="form" :model="form" label-width="80px">
				<el-form-item label="会员名称">
					<el-input v-model="form.name"></el-input>
				</el-form-item>
				<el-form-item label="会员电话">
					<el-input v-model="form.phone"></el-input>
				</el-form-item>
				<el-form-item label="性别">
					<el-select v-model="form.gender" placeholder="请选择">
						<el-option label="男" value="male"></el-option>
						<el-option label="女" value="female"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="生日">
					<el-col :span="11">
						<el-date-picker type="date" placeholder="选择日期" v-model="form.birthday" style="width: 100%;"></el-date-picker>
					</el-col>
				</el-form-item>
				<el-form-item label="会员余额">
					￥{{form.money}}
				</el-form-item>

				<el-form-item label="申请时间">
					{{form.date}}
				</el-form-item>

				<el-form-item label="会员积分">
					{{form.integral}}积分
				</el-form-item>
			</el-form>
			<div>
				<el-button type="primary" @click="onSubmit">确认</el-button>
				<el-button>取消</el-button>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	data() {
		return {
			form: {
				name: '张三',
				phone: '18010001111',
				gender: '男',
				birthday: '1997-02-23',
                money:112.25,
                date:'2021-05-12',
                integral:'210',
			},
		};
	},
};
</script>

<style></style>
